﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>书签管理</title>
</head>	
<body>
    <div id="wrapper">
        <nav class="navbar navbar-default top-navbar" role="navigation">
            <#include "common/head.ftl">
            <#include "common/right.ftl">
        </nav>
        <#include "common/left.ftl">
        <!-- /. NAV SIDE  -->
        <div id="page-wrapper" >
            <div id="page-inner">
			 	<div class="row">
                    <div class="col-md-12">
                        <h1 class="page-header">
                           	 书签管理 <small>记录个人常用书签</small>
                        </h1>
                    </div>
            	</div> 
                 <!-- /. ROW  -->
				<div class="row">
					<div class="col-md-12">
						<div class="panel panel-default">
							<div class="panel-heading">
								常用标签
							</div>        
							<div class="panel-body">
								<a href="/bookMark/export" target="_blank">下载列表</a>
								<#list bookMarkList as bookMark>
									<div class="alert alert-${bookMark.level}">
										<img src="${bookMark.imgUrl}" onerror="javascript:this.src='${staticServer}/static/images/bookMark/root.png'" /></span>&nbsp;&nbsp;
										<a style="color:#283643;" href="${bookMark.markUrl}" target="_blank" title="${bookMark.markName}"><strong>${bookMark.markName}</strong></a>
										<span style="cursor: pointer;align:right;" onclick="deleteBookMarkById('${bookMark.id}')">删除</span>
										<span style="cursor: pointer;align:right;" onclick="updateBookMarkById('${bookMark.id}')">编辑</span>
									</div>
								</#list>
							</div>
						</div>
					</div>						
				</div>	
			</div>
     	<!-- /. PAGE INNER  -->
    	</div>
 		<!-- /. PAGE WRAPPER  -->
	</div>
	<!-- /. WRAPPER  -->
</body>
</html>

<script>
	function deleteBookMarkById(id){
		layer.alert("小样儿，你没这个权限~~",{ icon: 4});
	}
	function updateBookMarkById(id){
		layer.alert("小样儿，你没这个权限~~",{ icon: 4});
	}
</script>